<template>
  <div class="home">
    <img alt="Vue logo" src="../assets/logo.png" />
    <HelloWorld msg="Welcome to Your Vue.js + TypeScript App" /><Button
      @clicked="handleClick"
      :disabled="false"
      >默认按钮</Button
    >
    <Alert closeText="关闭" title="我是标题" :closable="true"></Alert>
  </div>
</template>

<script lang="ts">
import {defineComponent} from 'vue';
import HelloWorld from '@/components/HelloWorld.vue'; // @ is an alias to /src

import Button from '@/components/element/newButton.vue';
import Alert from '@/components/element/alert/alert.vue';
export default defineComponent({
  name: 'Home',
  components: {
    HelloWorld,
    Button,
    Alert,
  },
  methods: {
    handleClick() {
      console.log('触发');
      alert('emit 事件触发');
    },
  },
});
</script>
